<!doctype html>
<html>
<head>
<meta name="description" content="JavaKicker ist die interaktive Java Lernplattform zur Programmierung von autonomen Fussball-Robotern. Erstelle ein Team, implementiere die richtige Taktik und gewinne die JavaKicker-Liga." />
<meta name="keywords" content="Java, Programmierung, Roboter, Fussball, Kicker" />
<meta name="layout" content="main" />
<title>JavaKicker.de</title>
<style type="text/css" media="screen">
#status {
	background-color: #eee;
	border: .2em solid #fff;
	margin: 2em 2em 1em;
	padding: 1em;
	width: 12em;
	float: left;
	-moz-box-shadow: 0px 0px 1.25em #ccc;
	-webkit-box-shadow: 0px 0px 1.25em #ccc;
	box-shadow: 0px 0px 1.25em #ccc;
	/*-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;*/
}

.ie6 #status {
	display: inline;
	/* float double margin fix http://www.positioniseverything.net/explorer/doubled-margin.html */
}

#status ul {
	font-size: 0.9em;
	list-style-type: none;
	margin-bottom: 0.6em;
	padding: 0;
}

#status li {
	line-height: 1.3;
}

#status h1 {
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 0 0 0.3em;
}

#page-body { /*margin: 2em 1em 1.25em 18em;*/
	
}

h2 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 1em;
}

p {
	line-height: 1.5;
	margin: 0.25em 0;
}

#controller-list ul {
	list-style-position: inside;
}

#controller-list li {
	line-height: 1.3;
	list-style-position: inside;
	margin: 0.25em 0;
}

#erstemal{
	margin-left: 10px;
	
}

#stats{
width: 440px;
}

#ligauebersicht{
width: 440px;
}

#ligaundstats
{
width: 440px;
margin-left: 10px;
}

#facebooknews{
position: absolute;
z-index: 2;
margin-left: 490px;
width: 440px;
}


@media screen and (max-width: 480px) {
	#status {
		display: none;
	}
	#page-body {
		margin: 0 1em 1em;
	}
	#page-body h1 {
		margin-top: 0;
	}
}

		#slider {
				width:960px;
				height:360px;
				
				/*IE bugfix*/
				padding:0;
				margin:0;
			}
			
			#slider li { list-style:none; }
			

</style>


<!-- 
<link
	href="/AIBall/static/css/jqui/custom-theme/jquery-ui-1.8.20.custom.css"
	type="text/css" rel="stylesheet" media="screen, projection" /> -->


		<link type="text/css" rel="stylesheet" href="http://javakicker.de:8080/web1/javakicker/rs/css/rhinoslider-1.05.css" />
		
		

</head>
<body>
	<div id="page-body" role="main">
		
		<a href="#page-body" class="skip"><g:message
				code="default.link.skip.label" default="Skip to content&hellip;" /></a>
		<!--  /div-->

<!-- SLIDER -->

<div>
<ul id="slider">
				<li>
				<img src="http://javakicker.de:8080/web1/javakicker/images/jk001.jpg" alt="Großes JavaKicker Turnier" />
				<div class="rhino-caption" style="opacity: 0.7; display: block; ">Großes JavaKicker Turnier</div>
				</li>
				
				<li>
				<img src="http://javakicker.de:8080/web1/javakicker/images/jk002.jpg" alt="spannende Spiele" />
				<div class="rhino-caption" style="opacity: 0.7; display: block; ">spannende Spiele</div>
				</li>
				
				<li>
				<img src="http://javakicker.de:8080/web1/javakicker/images/jk003.jpg" alt="Gewinner 2011" />
				<div class="rhino-caption" style="opacity: 0.7; display: block; ">Gewinner 2011</div>
				</li>
				
				<li>
				<img src="http://javakicker.de:8080/web1/javakicker/images/jk004.jpg" alt="Implenentierung der richtigen Taktik" />
				<div class="rhino-caption" style="opacity: 0.7; display: block; ">Implenentierung der richtigen Taktik</div>
				</li>
				
				<li>
				<img src="http://javakicker.de:8080/web1/javakicker/images/jk005.jpg" alt="Siegerehrung" />
				<div class="rhino-caption" style="opacity: 0.7; display: block; ">Siegerehrung</div>
				</li>
				
				<li>
				<img src="http://javakicker.de:8080/web1/javakicker/images/jk006.jpg" alt="Gewinner 2012" />
				<div class="rhino-caption" style="opacity: 0.7; display: block; ">Gewinner 2012</div>
				</li>
</ul>
</div>

<script type="text/javascript" src="http://javakicker.de:8080/web1/javakicker/rs/js/rhinoslider-1.05.min.js"></script>
		<script type="text/javascript" src="http://javakicker.de:8080/web1/javakicker/rs/js/mousewheel.js"></script>
		<script type="text/javascript" src="http://javakicker.de:8080/web1/javakicker/rs/js/easing.js"></script>
 		<script type="text/javascript">
			$(document).ready(function() {
				$('#slider').rhinoslider({
					effect: 'kick',
					showTime: 4000,
					controlsPlayPause: false,
					autoPlay: true,
					pauseOnHover: false,
					showCaptions: 'always',
					slidePrevDirection: 'toRight',
					slideNextDirection: 'toLeft'
				});
			});
		</script>


<sec:ifNotLoggedIn>
<div id="erstemal" class="content">
	Das erste mal hier? <br>
	Einfach oben auf Registrieren klicken und dann auch schon Loslegen.
</div>
</sec:ifNotLoggedIn>

<div style="width:100%">
</div>


<div id="facebooknews">
		<atw_stream width="440" page="356093751112923" filter="1" lang="de" />
	</div>
<div id="ligaundstats">
<div id="stats" class="content">
</div>

<div id="ligauebersicht" class="content">
</div>
</div>

<div id="verlaengerung">
</div>
	</div>
	
<div style="display:none;" >
${resource(dir: 'images/', file: 'border.png')}
</div>
</body>
</html>
